.c_prd_item {
  height: rem(200);
  position: relative;
  padding: rem(30);
  padding-left: rem(250);
  border-bottom: 1px solid #f8f8f8;
  background: #fff;
  &.h50 {
    height: rem(260);
  }
  .join_tips {
    font-size: rem(18);
    color: #c49554;
    padding: rem(5) rem(15) rem(5) rem(25);
    display: table;
    position: absolute;
    bottom: rem(30);
    left: rem(50);
    background: #fff1dc;
    border-radius: 0px rem(15) rem(15) 0px;
    background: #FFF1DC;
  }
  .vip_icon {
    position: absolute;
    left: rem(-20);
    top: rem(-2);
    width: rem(41);
    height: rem(37);
    background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/icon/item_vip_icon.png') no-repeat center;
    background-size: contain;
  }
  .more {
    background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/icon/item_vip_right.png') no-repeat center;
    background-size: contain;
    width: rem(10);
    height: rem(17);
    right: rem(14);
    top: rem(8);
    position: absolute;
  }
  .prd_img {
    position: absolute;
    width: rem(200);
    height: rem(200);
    left: rem(30);
    right: 0;
    background: #f8f8f8;
  }
  .prd_info {
    .prd_title {
      font-size: rem(28);
      color: #17273a;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-wrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      height: rem(40);
      line-height: rem(40);
      -webkit-line-clamp: 1;
      margin-bottom: rem(6);
    }
    position: relative;
    .prd_seat {
      height: rem(90);
    }
    .prd_tips {
      height: rem(28);
      line-height: rem(28);
      font-size: rem(20);
      color: #999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-wrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      font-weight: 500;
    }
    .prd_tag {
      .discount {
        padding: 0 rem(10);
        height: rem(32);
        border-radius: 2px;
        font-size: rem(20);
        text-align: center;
        line-height: rem(32);
        color: #e93323;
        margin-right: rem(10);
        background: #fff;
        border: 1px solid #e93323;
        /* background-repeat: no-repeat; */
        /* background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/discount.png'); */
        /* background-size: contain; */
        float: left;
      }
      height: rem(32);
      margin-top: rem(22);
      .coupon {
        width: rem(40);
        height: rem(32);
        border-radius: 2px;
        font-size: rem(20);
        text-align: center;
        line-height: rem(32);
        color: #e91f3f;
        margin-right: rem(10);
        /* background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/coupon.png'); */
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        border: 1px solid #e91f3f;
      }
    }

    .prd_info_bottom {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
      position: absolute;
      bottom: 0;
      right: 0;
    }
    .prd_price_c {
      font-size: rem(24);
      margin-top: rem(30);
      height: rem(45);
      line-height: rem(45);
    }
  }
}



/* .prd_info .prd_tag {
  margin-top: rem(10);
} */

.c_prd_item {
  .prd_price_c {
    .buy_price {
      height: rem(36);
      line-height: rem(36);
      color: #17273a;
      font-size: rem(32);
      &.no_vip {
        color: #e91f3f;
        font-size: rem(28);
      }
    }
    .price_icon {
      display: inline-block;
      height: rem(36);
      font-size: rem(24);
      color: #17273a;
    }
    .buy_tips {
      height: rem(36);
      line-height: rem(36);
      font-size: rem(22);
      color: #e91f3f;
      font-weight: 500;
      &.no_vip {
        color: #999;
        font-size: rem(24);
        margin-left: rem(24);
        text-decoration: line-through;
      }
    }
  }

  .prd_info .prd_info_bottom .prd_item_btns {
    font-size: rem(24);
    color: #fff;
    text-align: center;
    line-height: rem(50);
  }

  .prd_item_btns div {
    border-radius: rem(25);
  }

  .prd_info {
    .prd_info_bottom .prd_item_btns {
      .buy_btn {
        width: rem(140);
        height: rem(50);
        background: linear-gradient(180deg, rgba(255, 104, 91, 1) 0%, rgba(255, 147, 147, 1) 100%);
        font-size: rem(24);
        color: #fff;
        text-align: center;
        line-height: rem(50);
        display: inline-block;
      }
      .push_prd {
        width: rem(120);
        height: rem(50);
        display: inline-block;
        color: #f57267;
        border-radius: rem(25);
        border: 1px solid rgba(245, 114, 103, 1);
      }
      .share_prd {
        width: rem(120);
        height: rem(50);
        background: linear-gradient(180deg, rgba(255, 104, 91, 1) 0%, rgba(255, 147, 147, 1) 100%);
        display: inline-block;
        margin-left: rem(10);
      }
    }
    .prd_sale {
      margin-top: rem(11);
      font-size: rem(24);
      color: #333;
      .sale_icon {
        width: rem(44);
        height: rem(44);
        display: inline-block;
        vertical-align: middle;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: rem(-10);
        background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/icon_sale.png');
      }
      .sale_txt {
        display: inline-block;
        vertical-align: middle;
        color: #999;
      }
    }
  }

  .prd_item {
    .join_tips {
      font-size: rem(18);
      color: #c49554;
      padding: rem(5) rem(35) rem(5) rem(25);
      display: table;
      position: absolute;
      bottom: rem(30);
      left: rem(50);
      background: #fff1dc;
      border-radius: 0px rem(15) rem(15) 0px;
      background: #FFF1DC;
    }
    .vip_icon {
      position: absolute;
      left: rem(20);
      top: rem(-2);
      width: rem(41);
      height: rem(37);
      background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/icon/item_vip_icon.png') no-repeat center;
      background-size: contain;
    }
    .more {
      background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/icon/item_vip_right.png') no-repeat center;
      background-size: contain;
      width: rem(10);
      height: rem(17);
      right: rem(14);
      top: rem(10);
      position: absolute;
    }
  }
}

.share_dis {
  padding: rem(60) rem(36);
  h3 {
    font-size: rem(34); color: #333333; font-weight: 400; text-align: center;
  }
  .vip_tag {
    span {
      display: table; padding: rem(5) rem(10); margin: auto;
      color: #e93323; border: 1px solid #e93323; border-radius: rem(25); margin-top: rem(20);
    }
  }
}
